<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<script src="./jquery/jquery-1.12.4.min.js"></script>

<body>
    <!-- $.get $.post $.trim   扩展jQuery的工具方法 $.extend()-->
    <!-- $('.box').css().hide().show()  扩展jQuery原型对象上的方法 $.fn.extend() -->
    <div class="box"></div>
    <script>
        console.dir($);
        // 扩展jQuery的工具方法 $.extend()
        $.extend({
            min: function (a, b) {
                return a < b ? a : b;
            }
        })
        console.log($.min(1, 3));
        //  console.dir($);

        //  扩展jQuery原型对象上的方法 $.fn.extend() 
        $.fn.extend({
            max: function (a, b) {
                return a > b ? a : b
            }
        })
        console.dir($);
        console.log($('.box').max(1, 3));

    </script>
</body>

</html>